<template>
	<view>
		<view v-for="(item,index) in datalist" style="margin: 10rpx;">
			<NewsView 
			:title="item.title" 
			:isTop="item.isTop" 
			:author="item.author" 
			:comments="item.comments"
			:time="item.time" 
			:mode="item.newsType" 
			:image="item.image" 
			:imagess="item.image" 
			:bgcolor="item.bgcolor">
			</NewsView>
		</view>
	</view>
</template>

<script>
	import data from "../../data/news.json"
	import NewsView from "../../components/NewsView.vue"
	export default {
		components: {
			NewsView
		},
		data() {
			return {
				// datalist: [{
				// 	newsType: 1, //无图
				// 	title: "中国何以成为前瞻型国家？",
				// 	isTop: true,
				// 	author: "人民日报",
				// 	comments: 66666,
				// 	time: "2025.10.6",
				// 	image: ["/static/news/new1.jpeg"]
				// }, {
				// 	newsType: 2, //单图
				// 	title: "新华社重磅发文！两岸统一有这些利好",
				// 	isTop: true,
				// 	author: "新闻网",
				// 	comments: 12345,
				// 	time: "2025.10.22",
				// 	image: ["/static/news/new5.jpeg"]
				// }, {
				// 	newsType: 2,
				// 	title: "呵护好中华文明瑰宝 习近平这样嘱托！",
				// 	isTop: false,
				// 	author: "新华社",
				// 	comments: 14732,
				// 	time: "2025.9.22",
				// 	image: ["/static/news/new3.jpeg"]
				// }, {
				// 	newsType: 2,
				// 	title: "军机在南海坠毁后 美航母掉头返航",
				// 	isTop: false,
				// 	author: "快资讯",
				// 	comments: 24782,
				// 	time: "2025.8.7",
				// 	image: ["/static/news/new2.jpeg"]
				// }, {
				// 	newsType: 3,//多图
				// 	title: "找工作，上招聘网",
				// 	isTop: false,
				// 	author: "招聘网",
				// 	comments: 2472,
				// 	time: "2025.10.7",
				// 	bgcolor:"#d9ffec",
				// 	image: ["/static/news/new6.jpeg",
				// 		"/static/news/new7.jpeg",
				// 		"/static/news/new8.jpeg"
				// 	]
				// },{
				// 	newsType: 2,
				// 	title: "千年古镇与数字文明 再次双向奔赴",
				// 	isTop: false,
				// 	author: "快资讯",
				// 	comments: 2224,
				// 	time: "2025.11.8",
				// 	image: ["/static/news/new4.jpg"]
				// }]
				datalist:[]
			}
		},
		onLoad() {
			this.datalist = data.datalist;
		},
		methods: {

		}
	}
</script>

<style>

</style>